<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>主管部门毕业审核</title>
  <link href="http://libs.baidu.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
  <link href="../../css/style.css" rel="stylesheet">
  <style>
    .form-horizontal .form-group {
      display: flex;
      justify-content: space-evenly;
      margin: 15px 0;
    }
  </style>
</head>

<body>
  <div class="shadow-box"></div>
  <div class="container">
    <form class="form-horizontal form-inline">
      <div class="form-group col-xs-12">
        <select class="form-control col-xs-1" name="" id="">
          <option value="" selected>-毕业年度-</option>
          <option value="">2020</option>
          <option value="">2019</option>
          <option value="">2018</option>
          <option value="">2017</option>
          <option value="">2016</option>
        </select>
        <select class="form-control col-xs-1" name="" id="">
          <option value="" selected>-所属城市-</option>
          <option value="">区直属</option>
          <option value="">南宁</option>
          <option value="">柳州</option>
          <option value="">桂林</option>
          <option value="">梧州</option>
          <option value="">玉林</option>
          <option value="">白色</option>
          <option value="">北海</option>
          <option value="">防城港</option>
        </select>
        <select class="form-control col-xs-1" name="" id="">
          <option value="" selected>-所属区县-</option>
          <option value="">秀峰区</option>
          <option value="">象山区</option>
          <option value="">七星区</option>
          <option value="">全州</option>
          <option value="">兴安</option>
          <option value="">灌阳</option>
          <option value="">灵川</option>
          <option value="">阳朔</option>
          <option value="">荔浦</option>
          <option value="">永福</option>
          <option value="">龙胜</option>
        </select>
        <input class="form-control col-xs-1" type="text" placeholder="学校名称">
        <select class="form-control col-xs-1" name="" id="" placeholder="-专业名称-">
          <option value="" selected>-审核状态-</option>
          <option value="">未提交</option>
          <option value="">待教育局审核</option>
          <option value="">待教育厅审核</option>
          <option value="">待验印审核</option>
          <option value="">已审核</option>
        </select>
        <button type="submit" class="btn btn-default col-xs-1">查询</button>
      </div>
    </form>
    <div class="row">
      <table class="table table-bordered table-hover">
        <tr>
          <th>序号</th>
          <th>毕业年度</th>
          <th>学校名称</th>
          <th>毕业人数</th>
          <th>专业个数</th>
          <th>经办人</th>
          <th>联系电话</th>
          <th>更新时间</th>
          <th>审核状态</th>
          <th>操作</th>
        </tr>
        <tr>
          <td>1</td>
          <td>2020</td>
          <td>百色市右江区职业技术学校</td>
          <td>213</td>
          <td>7</td>
          <td>王继东</td>
          <td>18907761655</td>
          <td>2020-06-12</td>
          <td>未提交</td>
          <td>
            <button class="btn-link">修改</button> |
            <button class="btn-link">删除</button>
          </td>
        </tr>
      </table>
    </div>
  </div>
  <script>
    let tbody = document.querySelector('table tbody');
    for (let i = 0; i < 8; i++) {
      let tr = document.querySelectorAll('table tr')[1].cloneNode(true);
      tbody.appendChild(tr)
    }
  </script>
</body>

</html>